<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" href="{{ root }}/reg/common.css{{ rnd }}"/>
    <link rel="stylesheet" href="{{ root }}/reg/login.css{{ rnd }}"/>
    <link rel="stylesheet" href="{{ root }}/ac/css/color.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/font.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/layout.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/border.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/flex.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/table.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/fa.css{{ rnd }}">
    <link rel="stylesheet" href="{{ root }}/ac/css/app.css{{ rnd }}">

    <script type="text/javascript" src="{{ root }}/reg/jquery-1.8.2.min.js"></script>

</head>
<body>
<div id="login"></div>
<div class="login_bg">
    <div id="logo">
        <img src="{{ root }}/reg/logo.png" alt=""/>
    </div>
    <div class="other_login mart60">
        <div class="other"></div>
        <span>App下载地址</span>
        <div class="other"></div>
    </div>
    <div class="pad30 mart30">
        <a href="https://sano100-tjb.oss-cn-beijing.aliyuncs.com/TJB.apk" class="c3">
            <div class="pad10 tac bc2 c3 fs14">
                    <div>安卓用户点击下载</div>
                <div class="fs12">（微信扫码请点击右上角选择在浏览器打开）</div>
            </div>
        </a>
        <div class="pad10 tac bc13 c12 fs12 mart20">国际关系如此紧张，恕我们不提供苹果下载</div>
    </div>
</div>


<div class="weixin-tip">
    <p>
        <img src="{{ root }}/reg/live_weixin.png" alt="微信打开"/>
    </p>
</div>
<script type="text/javascript">
    $(window).on("load",function(){
        var winHeight = $(window).height();
        function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }
        var isWeixin = is_weixin();
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
        }
    })
</script>
<style type="text/css">
    *{margin:0; padding:0;}
    a{text-decoration: none;}
    img{max-width: 100%; height: auto;}
    .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.5); filter:alpha(opacity=60);  height: 100%; width: 100%; z-index: 100;}
    .weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}
</style>
</body>
</html>